<template>
  <uni-popup ref="popup" type="bottom">
    <view class="jibieInfo">
      <view class="flex flex-align flex-cneter">
        <view class="bg-hei"></view>
      </view>
      <view class="header">
        <view class="homeTitle "><text>什么是红包额度</text></view>
      </view>
      <view class="jieshao">
        <view class="list"> 1、这里是红包额度的介绍，这里是红包额度的介绍这里是红包额度的介绍这里是红包额度的介绍</view>
        <view class="list"> 2、这里是红包额度的介绍这里是红包额度的介绍</view>
       
      </view>
      <view class="header">
        <view class="homeTitle "><text>怎么获取红包额度</text></view>
      </view>
      <view class="jieshao">
        <view class="list"> 1、这里是红包额度的介绍，这里是红包额度的介绍这里是红包额度的介绍这里是红包额度的介绍</view>
        <view class="list"> 2、这里是红包额度的介绍这里是红包额度的介绍</view>
       
      </view>
      <view class="jibie-table">
        <uni-table emptyText="暂无更多数据" >
          <uni-tr class="uni-tr">
            <uni-th class="uni-th" align="center" width="170rpx">订单金额区间</uni-th>
            <uni-th class="uni-th" align="center" width="170rpx">赠送额度</uni-th>
            
          </uni-tr>
          <uni-tr class="uni-trs">
            <uni-td align="center">0-10</uni-td>
            <uni-td align="center">5</uni-td>
            
          </uni-tr>
          <uni-tr class="uni-trs">
            <uni-td align="center">0-10</uni-td>
            <uni-td align="center">5</uni-td>
          </uni-tr>
          <uni-tr class="uni-trs">
            <uni-td align="center">0-10</uni-td>
            <uni-td align="center">5</uni-td>
          </uni-tr>
          <uni-tr class="uni-trs">
            <uni-td align="center">0-10</uni-td>
            <uni-td align="center">5</uni-td>
          </uni-tr>
         
        </uni-table>
      </view>
    </view>
    
  </uni-popup>
</template>



<script setup lang="ts">
import { onMounted, ref, reactive } from 'vue'

defineProps({
  show: {
    type: Boolean,
    default: true
  }
})

const emit = defineEmits(['submit', 'update:show'])
const qrCodeUrl = ref ('');
onMounted(() => {})
const popup = ref<any>(null)
async function open() {
  popup.value?.open('bottom')
  updateShow(true)
}
function close() {
  popup.value?.close()
  updateShow(false)
}


function updateShow(value: boolean) {
  emit('update:show', value)
}
defineExpose({
  open
})
</script>

<style lang="scss" scoped>
.jibieInfo{background: #fff;border-radius: 20rpx 20rpx 0 0;padding:40rpx 30rpx;
  .bg-hei{width: 56rpx;height: 8rpx;border-radius: 8rpx;background: #323233;margin: 0 auto;}
  .jieshao{background: #F5F6F7;border-radius: 20rpx;padding: 20rpx;
   .list{margin-top: 10rpx;font-size: 24rpx;color: #646566;}
  }
  .jibiebiao{margin-top: 30rpx;}
  .jibiebiao::after{width: 180rpx;}
  .jibie-table{margin-top: 20rpx;
    .uni-tr{background:#FE7431;
      .uni-th{color: #fff;}
    }
    .uni-trs{background:#FFEBE2;
    }
  }
}
.homeTitle{padding-left: 20rpx;}
.homeTitle::after{left: 0;bottom:4px;width: 4px;height: 12px;background: #FE9640;}
</style>
